<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title></title>
    <#include "/header.html">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.css">
    <script src="${request.contextPath}/statics/libs/bootstrap-table.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.extension.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/tree.table.js"></script>

</head>
<body>
<div id="rrapp" v-cloak>
    <div class="row">
        <div class="col-md-3">
            <div id="schoolTree" class="ztree">

            </div>
        </div>
        <div class="col-md-9">
            <div v-show="showList">
                <div style="text-align: center">{{school.name}}</div>
                <table id="jqGrid"></table>
                <div id="jqGridPager"></div>
                </div>
            <div v-show="!showList" class="panel panel-default">
                <div class="panel-heading">{{title}}</div>
                <form class="form-horizontal">
                <div class="form-group">
                    <div class="col-sm-4 control-label">学校名称</div>
                    <div class="col-sm-8 control-label">
                        <div>{{school.id}}{{school.name}}</div>
                    </div>
                </div>
                    <div class="form-group">
                        <div class="col-sm-4 control-label">专业代码</div>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" v-model="profession.code" placeholder="专业代码"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-4 control-label">专业名称</div>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" v-model="profession.name" placeholder="专业名称"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-4 control-label">专业类型</div>
                        <div class="col-sm-8">
                            <select v-model="profession.type" class="form-control">
                                <option  v-for="item in types" :value="item">{{item}}</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-4 control-label">文理科</div>
                        <div class="col-sm-8">
                            <select v-model="profession.wenlike" class="form-control">
                                <option  v-for="item in wenlike" :value="item">{{item}}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label"></div>
                        <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                        &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                    </div>

                </form>
            </div>

            </div>

</div>

    </div>

</div>
</body>
<script src="${request.contextPath}/statics/js/modules/school/professionLowScore.js"></script>
</html>